<template>
	<view class="p-2" >
	<view class="flex a-t j-c-b" >
		<view class="flex a-t" >
			<image class="img1" :src="item.img"  mode="" @click="touxiang(lindex)"></image>
			<view class="">
				<view>{{ item.title }}</view>
				<text class="" style="color: darkgray;font-size: 12rpx;">{{item.date}}</text>
			</view>
		</view>
		<view class="flex a-t j-c gz animate__animated"  hover-class="animate__fadeInDown" v-if="item.guanz" @click="guanzhu(lindex)">
			关注
		</view>
		 <view class="flex a-t j-c gz2 animate__backInLeft" hover-class="animate__fadeInDown" v-else  @click="guanzhu2(lindex)">
			关注
		</view>
	</view>
	<view class="" >
		<view class="">{{item.title}}</view>
		<image :src="item.image" class="img2"  mode=""></image>
	</view>
	<view class="flex a-t" >
		<view class="flex a-t j-c f1" >
		<text class="iconfont icon-arrow-down-circle fz" ></text>
		<text>{{item.dz}}</text>
		</view>
		<view class="flex a-t j-c f1" >
			<text class="iconfont icon-arrow-up-circle fz" ></text>
			<text>{{item.ndz}}</text>
		</view>
		<view class="flex a-t j-c f1">
			<text class="iconfont icon-at-sign fz" ></text>
			<text>{{item.fx}}</text>
		</view>
		<view class="flex a-t j-c f1" >
			<text class="iconfont icon-bluetooth fz"></text>
			<text >{{item.fx}}</text>
		</view>
	</view>	
		</view>
</template>

<script>
	export default {
		
			props:{
				  item: Object,
				  lindex:Number,
				
			},
		
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
